var path=require("path")
const htmlWebpackPlugin=require("html-webpack-plugin")//自动生活才能HTML页面的插件

module.exports={
    entry:path.join(__dirname,'./src/main.js'),
    output:{
       path:path.join(__dirname,'./dist') ,
       filename:"bundle.js"
    },
    plugins:[
        new htmlWebpackPlugin({
            template:path.join(__dirname,'./src/index.html'),
            filename:"index.html"
        })
    ],
    module:{//所有webpack处理不了的第三方文件类型 都需要在整个节点中匹配规则
        rules:[//所有第三方的规则
            { test:/\.css$/,use:['style-loader','css-loader'] },//配置css处理的loader规则 style-loader he css-loader位置不能换
            { test:/\.less$/,use:['style-loader','css-loader','less-loader'] },//配置处理less的loader规则
            { test:/\.(jpg|png|gif|bmp|jpeg)$/,use:"url-loader" },//处理url路径的loader
             {test:/\.vue$/,use:"vue-loader"},//处理vue-loader
             {test:/\.(ttf|eot|svg|woff|woff2)$/,use:"url-loader"},//配置字体图标
             {test:/\.js$/,use:"babel-loader",exclude:/node_modules/}//配置es6高级语法转低级
        ]
    }
}